<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>网易云音乐</title>
    <link rel="stylesheet" href="css/demo.css">
</head>

<body>
    <div class="quan">
        <div class="quan-top"></div>
        <!-- 头部 -->
        <div class="NetEase">
            <div class="NetEase_ju">
                <div class="NetEase_log"></div>
                <div class="NetEase_log-nav">
                    <div class="find">发现音乐
                        <div class="fing_q"></div>
                    </div>
                    <div class="Mymusic">我的音乐</div>
                    <div class="Mymusic">朋友</div>
                    <div class="Mymusic">商城</div>
                    <div class="Mymusic">音乐</div>
                    <div class="Mymusic_a">下载客服端
                        <div class="hot"></div>
                    </div>

                </div>
                <div class="right">
                    <div class="right_q">
                        <div class="right_btn"></div>
                        <input type="text" placeholder="音乐/视频/电台/用户" style="border:none;padding-top: 6px;">
                    </div>
                    <div class="czzx">视频创造</div>
                    <div class="long-btn">登录
                        <div class="long-btn-ho">
                            <div class="long_-btn-q">
                                <div class="long_-btn-log"></div>

                                <li class="long-btn-ho-a">手机号登陆</li>
                            </div>
                            <div class="long_-btn-q">
                                <div class="long_-btn-log"></div>

                                <li class="long-btn-ho-a">微信登录</li>
                            </div>
                            <div class="long_-btn-q">
                                <div class="long_-btn-log"></div>

                                <li class="long-btn-ho-a">QQ登录</li>
                            </div>
                            <div class="long_-btn-q">
                                <div class="long_-btn-log"></div>
                                <li class="long-btn-ho-a">新浪微博</li>
                            </div>

                            <div class="long_-btn-q">
                                <div class="long_-btn-log"></div>
                                <li class="long-btn-ho-a">网易邮箱账号登录</li>
                            </div>



                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 热门 -->
        <div class="tui-nav">
            <div class="tui-nav-pai">
                <ul>
                    <li class="tui-nav-ge">
                        <div class="jian-navb">推荐</div>
                    </li>
                    <li class="tui-nav-ge">
                        <div class="jian">排行榜</div>
                    </li>
                    <li class="tui-nav-ge">
                        <div class="jian">歌单</div>
                    </li>
                    <li class="tui-nav-ge">
                        <div class="jian-nav">主播电台</div>
                    </li>
                    <li class="tui-nav-ge">
                        <div class="jian">歌手</div>
                    </li>
                    <li class="tui-nav-ge">
                        <div class="jian-nav">新碟上架</div>
                    </li>

                </ul>
            </div>
        </div>
        <!-- 轮播 -->
        <div class="shitou">
            <div class="lun">
                <div class="lun-left">
                    <div class="lun-left-a"></div>
                    <div class="lun-left-lie">
                        <ul>
                            <li class="lun-left-lie-biao"></li>
                            <li class="lun-left-lie-biao"></li>
                            <li class="lun-left-lie-biao"></li>
                            <li class="lun-left-lie-biao"></li>
                            <li class="lun-left-lie-biao"></li>
                            <li class="lun-left-lie-biao"></li>
                            <li class="lun-left-lie-biao"></li>
                            <li class="lun-left-lie-biao"></li>
                            <li class="lun-left-lie-biao"></li>
                        </ul>
                    </div>
                    <div class="lun-left-b"></div>
                </div>
                <div class="lun-right"></div>
            </div>
        </div>
        <div class="re">

            <div class="re-men">
                <div class="re-left">
                    <div class="re-men-left">
                        <div class="re-men-tui">
                            <div class="yuan"></div>
                            <ul>
                                <li class="re-men-tui-hua">热门推荐</li>
                                <li class="re-men-tui-huayu">华语</li>
                                <li class="re-men-tui-huayu">流行</li>
                                <li class="re-men-tui-huayu">摇滚</li>
                                <li class="re-men-tui-huayu">民谣</li>
                                <li class="re-men-tui-dianzi">电子</li>
                                <li class="re-men-tui-geng">更多
                                    <div class="re-men-tui-geng-log"></div>
                                </li>
                            </ul>
                        </div>
                        <div class="ji-zhong-shang">
                            <ul class="ji-zhong">
                                <li class="pei">
                                    <div class="peiqi">
                                        <div class="peiqi-pei">

                                        </div>
                                        <div class="peiqi-pei-di"></div>
                                        <div class="erji"></div>
                                        <div class="renshu">95万</div>
                                        <div class="bo"></div>
                                    </div>
                                    <div class="beng">can you 蹦迪 with</br> me? </div>
                                </li>
                                <li class="pei">
                                    <div class="peiqi">
                                        <div class="peiqi-pei">

                                        </div>
                                        <div class="peiqi-pei-di"></div>
                                        <div class="erji"></div>
                                        <div class="renshu">95万</div>
                                        <div class="bo"></div>
                                    </div>
                                    <div class="beng">can you 蹦迪 with</br> me? </div>
                                </li>
                                <li class="pei">
                                    <div class="peiqi">
                                        <div class="peiqi-pei">

                                        </div>
                                        <div class="peiqi-pei-di"></div>
                                        <div class="erji"></div>
                                        <div class="renshu">95万</div>
                                        <div class="bo"></div>
                                    </div>
                                    <div class="beng">can you 蹦迪 with</br> me? </div>
                                </li>
                                <li class="pei">
                                    <div class="peiqi">
                                        <div class="peiqi-pei">

                                        </div>
                                        <div class="peiqi-pei-di"></div>
                                        <div class="erji"></div>
                                        <div class="renshu">95万</div>
                                        <div class="bo"></div>
                                    </div>
                                    <div class="beng">can you 蹦迪 with</br> me? </div>
                                </li>
                                <li class="pei">
                                    <div class="peiqi">
                                        <div class="peiqi-pei">

                                        </div>
                                        <div class="peiqi-pei-di"></div>
                                        <div class="erji"></div>
                                        <div class="renshu">95万</div>
                                        <div class="bo"></div>
                                    </div>
                                    <div class="beng">can you 蹦迪 with</br> me? </div>
                                </li>
                                <li class="pei">
                                    <div class="peiqi">
                                        <div class="peiqi-pei">

                                        </div>
                                        <div class="peiqi-pei-di"></div>
                                        <div class="erji"></div>
                                        <div class="renshu">95万</div>
                                        <div class="bo"></div>
                                    </div>
                                    <div class="beng">can you 蹦迪 with</br> me? </div>
                                </li>
                                <li class="pei">
                                    <div class="peiqi">
                                        <div class="peiqi-pei">

                                        </div>
                                        <div class="peiqi-pei-di"></div>
                                        <div class="erji"></div>
                                        <div class="renshu">95万</div>
                                        <div class="bo"></div>
                                    </div>
                                    <div class="beng">can you 蹦迪 with</br> me? </div>
                                </li>
                                <li class="pei">
                                    <div class="peiqi">
                                        <div class="peiqi-pei">

                                        </div>
                                        <div class="peiqi-pei-di"></div>
                                        <div class="erji"></div>
                                        <div class="renshu">95万</div>
                                        <div class="bo"></div>
                                    </div>
                                    <div class="beng">can you 蹦迪 with</br> me? </div>
                                </li>

                            </ul>
                        </div>
                        <!-- 新碟上架 -->
                        <div class="xin-zhong">
                            <div class="re-men-tui">
                                <div class="yuan"></div>
                                <ul>
                                    <li class="re-men-tui-hua">新碟上架</li>

                                    <li class="re-men-tui-geng">更多
                                        <div class="re-men-tui-geng-log"></div>
                                    </li>
                                </ul>
                            </div>
                            <div class="xin-zhong-shang">
                                <div class="xin-zhong-shang-wu-log-left"></div>
                                <div class="xin-zhong-shang-wu-log-right"></div>
                                <div class="xin-zhong-shang-wu-log-right"></div>
                                <ul class="xin-zhong-shang-wujia">
                                    <li class="xin-zhong-shang-wu">

                                        <div class="nan">
                                            <div class="shouti"></div>
                                        </div>
                                        <div>5</div>
                                        <div class="xin-zhong-shang-wujiacheng">伍嘉成</div>
                                    </li>

                                    <li class="xin-zhong-shang-wu">
                                        <div class="nan">
                                            <div class="shouti"></div>
                                        </div>
                                        <div>5</div>
                                        <div class="xin-zhong-shang-wujiacheng">伍嘉成</div>
                                    </li>
                                    <li class="xin-zhong-shang-wu">
                                        <div class="nan">
                                            <div class="shouti"></div>
                                        </div>
                                        <div>5</div>
                                        <div class="xin-zhong-shang-wujiacheng">伍嘉成</div>
                                    </li>
                                    <li class="xin-zhong-shang-wu">
                                        <div class="nan">
                                            <div class="shouti"></div>
                                        </div>
                                        <div>5</div>
                                        <div class="xin-zhong-shang-wujiacheng">伍嘉成</div>
                                    </li>
                                    <li class="xin-zhong-shang-wu">
                                        <div class="nan">
                                            <div class="shouti"></div>
                                        </div>
                                        <div>5</div>
                                        <div class="xin-zhong-shang-wujiacheng">伍嘉成</div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="bang">
                            <div class="re-men-tui">
                                <div class="yuan"></div>
                                <ul>
                                    <li class="re-men-tui-hua">热门推荐</li>
                                    <li class="re-men-tui-huayu">华语</li>
                                    <li class="re-men-tui-huayu">流行</li>
                                    <li class="re-men-tui-huayu">摇滚</li>
                                    <li class="re-men-tui-huayu">民谣</li>
                                    <li class="re-men-tui-dianzi">电子</li>
                                    <li class="re-men-tui-geng">更多
                                        <div class="re-men-tui-geng-log"></div>
                                    </li>
                                </ul>
                            </div>
                            <div class="bangdan">
                                <div class="bangdan-left">
                                    <div class="bangdan-left-top">
                                        <div>
                                            <img src="img/18696095720518497.jpg.png" style="width:80px;height: 80px;">
                                            <div class="bangdan-left-top-biao">
                                                <div class="biao">音乐飙升榜</div>
                                                <div class="biao-log"></div>
                                                <div class="biao-log-a"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="bangdan-left-cha">
                                        <ul>
                                            <li class="bierangwo">
                                                <div class="zou">
                                                    <div class="yi">1</div>
                                                    <div class="zouyuan">别让我走远</div>
                                                    <div class="zou-log-bo"></div>
                                                    <div class="zou-log-shizi"></div>
                                                    <div class="zou-log-wen"></div>
                                                </div>

                                            </li>
                                            <li class="bierangwo">
                                                <div class="zou-a">
                                                    <div class="yi">2</div>
                                                    <div class="zouyuan">别让我走远</div>
                                                    <div class="zou-log-bo"></div>
                                                    <div class="zou-log-shizi"></div>
                                                    <div class="zou-log-wen"></div>
                                                </div>

                                            </li>
                                            <li class="bierangwo">
                                                <div class="zou">
                                                    <div class="yi">3</div>
                                                    <div class="zouyuan">别让我走远</div>
                                                    <div class="zou-log-bo"></div>
                                                    <div class="zou-log-shizi"></div>
                                                    <div class="zou-log-wen"></div>
                                                </div>

                                            </li>
                                            <li class="bierangwo">
                                                <div class="zou-a">
                                                    <div class="yi-a">4</div>
                                                    <div class="zouyuan">别让我走远</div>
                                                    <div class="zou-log-bo"></div>
                                                    <div class="zou-log-shizi"></div>
                                                    <div class="zou-log-wen"></div>
                                                </div>

                                            </li>
                                            <li class="bierangwo">
                                                <div class="zou">
                                                    <div class="yi-a">5</div>
                                                    <div class="zouyuan">别让我走远</div>
                                                    <div class="zou-log-bo"></div>
                                                    <div class="zou-log-shizi"></div>
                                                    <div class="zou-log-wen"></div>
                                                </div>

                                            </li>
                                            <li class="bierangwo">
                                                <div class="zou-a">
                                                    <div class="yi-a">6</div>
                                                    <div class="zouyuan">别让我走远</div>
                                                    <div class="zou-log-bo"></div>
                                                    <div class="zou-log-shizi"></div>
                                                    <div class="zou-log-wen"></div>
                                                </div>

                                            </li>
                                            <li class="bierangwo">
                                                <div class="zou">
                                                    <div class="yi-a">7</div>
                                                    <div class="zouyuan">别让我走远</div>
                                                    <div class="zou-log-bo"></div>
                                                    <div class="zou-log-shizi"></div>
                                                    <div class="zou-log-wen"></div>
                                                </div>

                                            </li>
                                            <li class="bierangwo">
                                                <div class="zou-a">
                                                    <div class="yi-a">8</div>
                                                    <div class="zouyuan">别让我走远</div>
                                                    <div class="zou-log-bo"></div>
                                                    <div class="zou-log-shizi"></div>
                                                    <div class="zou-log-wen"></div>
                                                </div>

                                            </li>
                                            <li class="bierangwo">
                                                <div class="zou">
                                                    <div class="yi-a">9</div>
                                                    <div class="zouyuan">别让我走远</div>
                                                    <div class="zou-log-bo"></div>
                                                    <div class="zou-log-shizi"></div>
                                                    <div class="zou-log-wen"></div>
                                                </div>

                                            </li>
                                            <li class="bierangwo">
                                                <div class="zou-a">
                                                    <div class="yi-a">10</div>
                                                    <div class="zouyuan">别让我走远</div>
                                                    <div class="zou-log-bo"></div>
                                                    <div class="zou-log-shizi"></div>
                                                    <div class="zou-log-wen"></div>
                                                </div>

                                            </li>
                                            <li class="bierangwo">
                                                <div class="zou-b">
                                                    <div class="zouyuan-a">查看全部></div>

                                                </div>

                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="bangdan-left">
                                    <div class="bangdan-left-top">
                                        <div>
                                            <img src="img/18696095720518497.jpg.png" style="width:80px;height: 80px;">
                                            <div class="bangdan-left-top-biao">
                                                <div class="biao">音乐飙升榜</div>
                                                <div class="biao-log"></div>
                                                <div class="biao-log-a"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="bangdan-left-cha">
                                        <ul>
                                            <li class="bierangwo">
                                                <div class="zou">
                                                    <div class="yi">1</div>
                                                    <div class="zouyuan">别让我走远</div>
                                                    <div class="zou-log-bo"></div>
                                                    <div class="zou-log-shizi"></div>
                                                    <div class="zou-log-wen"></div>
                                                </div>

                                            </li>
                                            <li class="bierangwo">
                                                <div class="zou-a">
                                                    <div class="yi">2</div>
                                                    <div class="zouyuan">别让我走远</div>
                                                    <div class="zou-log-bo"></div>
                                                    <div class="zou-log-shizi"></div>
                                                    <div class="zou-log-wen"></div>
                                                </div>

                                            </li>
                                            <li class="bierangwo">
                                                <div class="zou">
                                                    <div class="yi">3</div>
                                                    <div class="zouyuan">别让我走远</div>
                                                    <div class="zou-log-bo"></div>
                                                    <div class="zou-log-shizi"></div>
                                                    <div class="zou-log-wen"></div>
                                                </div>

                                            </li>
                                            <li class="bierangwo">
                                                <div class="zou-a">
                                                    <div class="yi-a">4</div>
                                                    <div class="zouyuan">别让我走远</div>
                                                    <div class="zou-log-bo"></div>
                                                    <div class="zou-log-shizi"></div>
                                                    <div class="zou-log-wen"></div>
                                                </div>

                                            </li>
                                            <li class="bierangwo">
                                                <div class="zou">
                                                    <div class="yi-a">5</div>
                                                    <div class="zouyuan">别让我走远</div>
                                                    <div class="zou-log-bo"></div>
                                                    <div class="zou-log-shizi"></div>
                                                    <div class="zou-log-wen"></div>
                                                </div>

                                            </li>
                                            <li class="bierangwo">
                                                <div class="zou-a">
                                                    <div class="yi-a">6</div>
                                                    <div class="zouyuan">别让我走远</div>
                                                    <div class="zou-log-bo"></div>
                                                    <div class="zou-log-shizi"></div>
                                                    <div class="zou-log-wen"></div>
                                                </div>

                                            </li>
                                            <li class="bierangwo">
                                                <div class="zou">
                                                    <div class="yi-a">7</div>
                                                    <div class="zouyuan">别让我走远</div>
                                                    <div class="zou-log-bo"></div>
                                                    <div class="zou-log-shizi"></div>
                                                    <div class="zou-log-wen"></div>
                                                </div>

                                            </li>
                                            <li class="bierangwo">
                                                <div class="zou-a">
                                                    <div class="yi-a">8</div>
                                                    <div class="zouyuan">别让我走远</div>
                                                    <div class="zou-log-bo"></div>
                                                    <div class="zou-log-shizi"></div>
                                                    <div class="zou-log-wen"></div>
                                                </div>

                                            </li>
                                            <li class="bierangwo">
                                                <div class="zou">
                                                    <div class="yi-a">9</div>
                                                    <div class="zouyuan">别让我走远</div>
                                                    <div class="zou-log-bo"></div>
                                                    <div class="zou-log-shizi"></div>
                                                    <div class="zou-log-wen"></div>
                                                </div>

                                            </li>
                                            <li class="bierangwo">
                                                <div class="zou-a">
                                                    <div class="yi-a">10</div>
                                                    <div class="zouyuan">别让我走远</div>
                                                    <div class="zou-log-bo"></div>
                                                    <div class="zou-log-shizi"></div>
                                                    <div class="zou-log-wen"></div>
                                                </div>

                                            </li>
                                            <li class="bierangwo">
                                                <div class="zou-b">
                                                    <div class="zouyuan-a">查看全部></div>

                                                </div>

                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="bangdan-left">
                                    <div class="bangdan-left-top">
                                        <div>
                                            <img src="img/18696095720518497.jpg.png" style="width:80px;height: 80px;">
                                            <div class="bangdan-left-top-biao">
                                                <div class="biao">音乐飙升榜</div>
                                                <div class="biao-log"></div>
                                                <div class="biao-log-a"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="bangdan-left-cha">
                                        <ul>
                                            <li class="bierangwo">
                                                <div class="zou">
                                                    <div class="yi">1</div>
                                                    <div class="zouyuan">别让我走远</div>
                                                    <div class="zou-log-bo"></div>
                                                    <div class="zou-log-shizi"></div>
                                                    <div class="zou-log-wen"></div>
                                                </div>

                                            </li>
                                            <li class="bierangwo">
                                                <div class="zou-a">
                                                    <div class="yi">2</div>
                                                    <div class="zouyuan">别让我走远</div>
                                                    <div class="zou-log-bo"></div>
                                                    <div class="zou-log-shizi"></div>
                                                    <div class="zou-log-wen"></div>
                                                </div>

                                            </li>
                                            <li class="bierangwo">
                                                <div class="zou">
                                                    <div class="yi">3</div>
                                                    <div class="zouyuan">别让我走远</div>
                                                    <div class="zou-log-bo"></div>
                                                    <div class="zou-log-shizi"></div>
                                                    <div class="zou-log-wen"></div>
                                                </div>

                                            </li>
                                            <li class="bierangwo">
                                                <div class="zou-a">
                                                    <div class="yi-a">4</div>
                                                    <div class="zouyuan">别让我走远</div>
                                                    <div class="zou-log-bo"></div>
                                                    <div class="zou-log-shizi"></div>
                                                    <div class="zou-log-wen"></div>
                                                </div>

                                            </li>
                                            <li class="bierangwo">
                                                <div class="zou">
                                                    <div class="yi-a">5</div>
                                                    <div class="zouyuan">别让我走远</div>
                                                    <div class="zou-log-bo"></div>
                                                    <div class="zou-log-shizi"></div>
                                                    <div class="zou-log-wen"></div>
                                                </div>

                                            </li>
                                            <li class="bierangwo">
                                                <div class="zou-a">
                                                    <div class="yi-a">6</div>
                                                    <div class="zouyuan">别让我走远</div>
                                                    <div class="zou-log-bo"></div>
                                                    <div class="zou-log-shizi"></div>
                                                    <div class="zou-log-wen"></div>
                                                </div>

                                            </li>
                                            <li class="bierangwo">
                                                <div class="zou">
                                                    <div class="yi-a">7</div>
                                                    <div class="zouyuan">别让我走远</div>
                                                    <div class="zou-log-bo"></div>
                                                    <div class="zou-log-shizi"></div>
                                                    <div class="zou-log-wen"></div>
                                                </div>

                                            </li>
                                            <li class="bierangwo">
                                                <div class="zou-a">
                                                    <div class="yi-a">8</div>
                                                    <div class="zouyuan">别让我走远</div>
                                                    <div class="zou-log-bo"></div>
                                                    <div class="zou-log-shizi"></div>
                                                    <div class="zou-log-wen"></div>
                                                </div>

                                            </li>
                                            <li class="bierangwo">
                                                <div class="zou">
                                                    <div class="yi-a">9</div>
                                                    <div class="zouyuan">别让我走远</div>
                                                    <div class="zou-log-bo"></div>
                                                    <div class="zou-log-shizi"></div>
                                                    <div class="zou-log-wen"></div>
                                                </div>

                                            </li>
                                            <li class="bierangwo">
                                                <div class="zou-a">
                                                    <div class="yi-a">10</div>
                                                    <div class="zouyuan">别让我走远</div>
                                                    <div class="zou-log-bo"></div>
                                                    <div class="zou-log-shizi"></div>
                                                    <div class="zou-log-wen"></div>
                                                </div>

                                            </li>
                                            <li class="bierangwo">
                                                <div class="zou-b">
                                                    <div class="zouyuan-a">查看全部></div>

                                                </div>

                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="yong-right">

                    <div class="denglu">
                        <div class="keyi">
                            登录网易云音乐，可以享受无限收藏的乐趣，并且无限同步到手机

                        </div>
                        <div class="lequ">
                            <div>用户登录</div>
                        </div>
                    </div>
                    <div class="ruzhu">
                        <div class="ruzhu-geshou">
                            <ul>
                                <li class="ruzhu-geshou-shou">入驻歌手</li>
                                <li class="ruzhu-geshou-chakan">查看全部></li>
                            </ul>
                        </div>
                        <div class="zhang">
                            <ul>
                                <li class="zhanghun">
                                    <div class="zhanghunmei"></div>
                                    <div class="zhanghunmei-a">
                                        <div class="amel">张惠妹aMEI</div>
                                        <div class="taiwan">台湾歌手张惠妹</div>
                                    </div>

                                </li>
                            </ul>
                            <ul>
                                <li class="zhanghun">
                                    <div class="zhanghunmei"></div>
                                    <div class="zhanghunmei-a">
                                        <div class="amel">张惠妹aMEI</div>
                                        <div class="taiwan">台湾歌手张惠妹</div>
                                    </div>

                                </li>
                            </ul>
                            <ul>
                                <li class="zhanghun">
                                    <div class="zhanghunmei"></div>
                                    <div class="zhanghunmei-a">
                                        <div class="amel">张惠妹aMEI</div>
                                        <div class="taiwan">台湾歌手张惠妹</div>
                                    </div>

                                </li>
                            </ul>
                            <ul>
                                <li class="zhanghun">
                                    <div class="zhanghunmei"></div>
                                    <div class="zhanghunmei-a">
                                        <div class="amel">张惠妹aMEI</div>
                                        <div class="taiwan">台湾歌手张惠妹</div>
                                    </div>

                                </li>
                            </ul>
                            <ul>
                                <li class="zhanghun">
                                    <div class="zhanghunmei"></div>
                                    <div class="zhanghunmei-a">
                                        <div class="amel">张惠妹aMEI</div>
                                        <div class="taiwan">台湾歌手张惠妹</div>
                                    </div>

                                </li>
                            </ul>
                        </div>
                        <div class="shengqi">申请成为网易人</div>
                    </div>
                    <div class="zhubo">
                        <div class="remen-zhubo">热门主播</div>
                        <div>
                            <ul>
                                <li class="chen">
                                    <div class="li"></div>
                                    <div class="chenli">
                                        <div class="chenl-a">陈力</div>
                                        <div class="huiyua"></div>
                                        <div class="xinli">心理学家、美食家陈立教授</div>
                                    </div>
                                </li>
                                <li class="chen">
                                    <div class="li"></div>
                                    <div class="chenli">
                                        <div class="chenl-a">陈力</div>
                                        <div class="huiyua"></div>
                                        <div class="xinli">心理学家、美食家陈立教授</div>
                                    </div>
                                </li>
                                <li class="chen">
                                    <div class="li"></div>
                                    <div class="chenli">
                                        <div class="chenl-a">陈力</div>
                                        <div class="huiyua"></div>
                                        <div class="xinli">心理学家、美食家陈立教授</div>
                                    </div>
                                </li>
                                <li class="chen">
                                    <div class="li"></div>
                                    <div class="chenli">
                                        <div class="chenl-a">陈力</div>
                                        <div class="huiyua"></div>
                                        <div class="xinli">心理学家、美食家陈立教授</div>
                                    </div>
                                </li>
                                <li class="chen">
                                    <div class="li"></div>
                                    <div class="chenli">
                                        <div class="chenl-a">陈力</div>
                                        <div class="huiyua"></div>
                                        <div class="xinli">心理学家、美食家陈立教授</div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="dibu">

            <div class="dibu-di">
                <div class="dibu-left">
                    <div>
                        <ul class="guanyu">
                            <li class="wangyi">关于网易</li>
                            <li class="wangyi">客户服务</li>
                            <li class="wangyi">服务条款</li>
                            <li class="wangyi">网站导航</li>
                            <li class="wangyi">意见反馈</li>
                        </ul>
                        <ul class="guanyu-a">
                            <li class="wangyi-a">网易公司版权所有©</li>
                            <li class="wangyi-b">1997-2019杭州乐读科技有限公司运营：</li>
                            <li class="wangyi-c">浙网文[2018]3506-263号</li>

                        </ul>
                        <ul class="guanyu-a">
                            <li class="wangyi-c">违法和不良信息举报电话：</li>
                            <li class="wangyi-c">0571-89853516 举报邮箱：</li>
                            <li class="wangyi-c">ncm5990@163.com</li>

                        </ul>
                    </div>
                </div>
                <div class="dibu-right">
                    <ul class="ren-zheng">
                        <li class="renzheng-a">
                            <div class="renzheng"></div>
                            <div class="renzheng-c">用户认证</div>
                        </li>
                        <li class="renzheng-a">
                            <div class="renzheng"></div>
                            <div class="renzheng-c">用户认证</div>
                        </li>
                        <li class="renzheng-a">
                            <div class="renzheng"></div>
                            <div class="renzheng-c">用户认证</div>
                        </li>
                        <li class="renzheng-a">
                            <div class="renzheng"></div>
                            <div class="renzheng-c">用户认证</div>
                        </li>
                    </ul>

                </div>
            </div>

        </div>
    </div>

</body>

</html>